<?php

/*
  | --------------------------------------------------------------------------------------------------
  | <header_view>
  |
  | Desenvolvedor:	Eduardo Sirangelo
  | E-mail:		sirangelos@ibest.com.br
  | Descrição:
  |	-
  | Quality is Everyting
  | --------------------------------------------------------------------------------------------------
 */

$CI =& get_instance();
$CI->load->model('cadastros_model');
$where      = array("id_empresa" => $CI->session->userdata('id_empresa')); 
$query_menu = $CI->cadastros_model->get_profissionais_by_where($where);

?>
<!doctype html>
<!--[if lt IE 8 ]><html lang="en" class="no-js ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie"><![endif]-->
<!--[if (gt IE 8)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<head>
	<meta charset="UTF-8"/>
        <meta name="robots" content="noindex, nofollow" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	
	<title><?=$titulo?></title>	
	
	<!--
	
	Note: this file is a variant of the main index.html file,
	just to show the markup required to use the aletrnative menu style
	See documentation for more details
	
	-->
	
	<!-- Global stylesheets -->
	<link href="<?=base_url()?>public/css/reset.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/common.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/form.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/standard-alt.css" rel="stylesheet" type="text/css">
	
	<!-- Comment/uncomment one of these files to toggle between fixed and fluid layout -->
	<!--<link href="<?=base_url()?>public/css/960.gs.css" rel="stylesheet" type="text/css">-->
	<link href="<?=base_url()?>public/css/960.gs.fluid.css" rel="stylesheet" type="text/css">
	
	<!-- Custom styles -->
	<link href="<?=base_url()?>public/css/simple-lists.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/block-lists.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/planning.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/table.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/calendars.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/wizard.css" rel="stylesheet" type="text/css">
	<link href="<?=base_url()?>public/css/gallery.css" rel="stylesheet" type="text/css">
	
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="<?=base_url()?>public/<?=base_url()?>public/images/favicon.ico"/>
	<link rel="icon" type="image/png" href="<?=base_url()?>public/<?=base_url()?>public/images/favicon-large.png"/>
	
        <!-- Base url para javascript -->
        <script type="text/javascript">base_url = "<?=base_url()?>"</script>
        
	<!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
	<script src="<?=base_url()?>public/js/libs/modernizr.custom.min.js"></script>
        <!--
	
	Updated as v1.5:
	Libs are moved here to improve performance
	
	-->
	
	<!-- Generic libs -->
	<script src="<?=base_url()?>public/js/libs/jquery-1.6.3.min.js"></script>
	<script src="<?=base_url()?>public/js/old-browsers.js"></script>		<!-- remove if you do not need older browsers detection -->
	<script src="<?=base_url()?>public/js/libs/jquery.hashchange.js"></script>
	
	<!-- Template libs -->
	<script src="<?=base_url()?>public/js/jquery.accessibleList.js"></script>
	<script src="<?=base_url()?>public/js/searchField.js"></script>
	<script src="<?=base_url()?>public/js/common.js"></script>
	<script src="<?=base_url()?>public/js/standard.js"></script>
	<!--[if lte IE 8]><script src="<?=base_url()?>public/js/standard.ie.js"></script><![endif]-->
	<script src="<?=base_url()?>public/js/jquery.tip.js"></script>
	<script src="<?=base_url()?>public/js/jquery.contextMenu.js"></script>
	<script src="<?=base_url()?>public/js/jquery.modal.js"></script>
	
	<!-- Custom styles lib -->
	<script src="<?=base_url()?>public/js/list.js"></script>
	
	<!-- Plugins -->
	<script src="<?=base_url()?>public/js/libs/jquery.dataTables.min.js"></script>
	<script src="<?=base_url()?>public/js/libs/jquery.datepick/jquery.datepick.min.js"></script>
	<script src="<?=base_url()?>public/js/libs/jquery.form.js"></script>
        <script src="<?=base_url()?>public/js/libs/jquery.validate.js"></script>
        <script src="<?=base_url()?>public/js/libs/jquery.livequery.js"></script>
        <script src="<?=base_url()?>public/js/libs/jquery.meio.mask.js"></script>
	<!-- Charts library -->
	<!--Load the AJAX API-->
	<!--<script src="<?=base_url()?>public/js/libs/jsapi.js"></script>-->
        <!--Programs-->
        <script src="<?=base_url()?>public/js/agendas/agendas.js"></script>
        <script src="<?=base_url()?>public/js/caixa/caixa.js"></script>
	
</head>

<body>
	
	<!-- Header -->
	
	<!-- Server status -->
	<header><div class="container_12">
		
		<p id="skin-name"><small>HAIR<br> System</small> <strong>1.0</strong></p>		
		
	</div></header>
	<!-- End server status -->
	
	<!-- Logo section -->
	<div id="header-bg">                    
	</div>
	
	<!-- Sub nav -->
	<div id="sub-nav"><div class="container_12">
		
            <ul>

                <li class="menu-opener"><a href="#" title="Cadastros">Cadastros</a>

                    <div class="menu-arrow">

                        <img src="<?=base_url()?>public/images/menu-open-arrow.png" width="16" height="16">

                    </div>

                    <div class="menu">

                        <ul>

                            <li class="icon_address"><?=anchor("/cadastros/clientes/","Clientes")?></li>
                                
                            <li class="sep"></li>
                            
                            <li class="icon_blog"><?=anchor("/cadastros/fornecedores/","Fornecedores")?></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_alarm"><?=anchor("/cadastros/especialidades/","Especialidades")?></li>
                            
                            <li class="icon_building"><?=anchor("/cadastros/profissionais/","Profissionais")?></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_newspaper"><?=anchor("/cadastros/servicos/","Serviços")?></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_computer"><?=anchor("/cadastros/condicoes_pagamento/","Condições de pagamento")?></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_search"><?=anchor("/cadastros/tipos_produtos/","Tipos de produtos")?></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_server"><?=anchor("/cadastros/produtos/","Produtos")?></li>
                            
                        </ul>

                    </div>

                </li>
                
                <li class="menu-opener"><a href="#" title="Cadastros">Agenda</a>

                    <div class="menu-arrow">
                        
                        <img src="<?=base_url()?>public/images/menu-open-arrow.png" width="16" height="16">

                    </div>

                    <div class="menu">

                        <ul>
                            <li class="icon_server"><a href="#agendaMensal()" id="open_agenda_mensal">Mensal</a></li>
                            <li class="sep"></li>
                            <li class="icon_server"><a href="#agendaDiaria()" label="<?=date("Y-m-d")?>" id="open_agenda_diaria" class="open_agenda_diaria">Diária</a></li>
                            <li class="sep"></li>
                            <li class="icon_address">
                                <a href="#">por Profissional</a>
                                <ul>
                                    <?
                                    foreach($query_menu->result() as $row_menu_profissional) {
                                        ?>
                                            <li class="icon_address"><a href="#openAgendaProfissional" id="<?=$row_menu_profissional->id_profissional?>" class="open_agenda_profissional"><?=word_limiter($row_menu_profissional->nome_profissional,2,"")?></a></li>
                                        <?
                                    }
                                    ?>
                                </ul>
                            </li>
                        </ul>

                    </div>

                </li>
                
                <li class="menu-opener"><a href="#" title="Cadastros">Movimento de caixa</a>

                    <div class="menu-arrow">

                        <img src="<?=base_url()?>public/images/menu-open-arrow.png" width="16" height="16">

                    </div>

                    <div class="menu">

                        <ul>

                            <li class="icon_address"><a href="#openOS()" class="open_new_os">Ordem de serviço</a></li>
                                
                            <li class="sep"></li>
                            
                            <li class="icon_blog"><a href="#">Abertura de caixa</a></li>
                            
                            <li class="icon_blog"><a href="#">Fechamento de caixa</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_alarm"><a href="#">Entrada de caixa</a></li>
                            
                            <li class="icon_building"><a href="#">Saida de caixa</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_newspaper"><a href="#">Entrada de operador</a></li>
                            
                            <li class="icon_newspaper"><a href="#">Saída de operador</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_computer"><a href="#">Vales</a></li>
                            
                            <li class="icon_search"><a href="#">Pagamentos de profissionais</a></li>
                            
                            <li class="icon_alarm"><a href="#">Pagamentos de auxiliares</a></li>
                            
                            <li class="icon_building"><a href="#">Pagamentos de fornecedores</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_search"><a href="#">Recebimento de clientes</a></li>
                            
                        </ul>

                    </div>

                </li>
                
                <li class="menu-opener"><a href="#" title="Cadastros">Fluxo de caixa</a>

                    <div class="menu-arrow">

                        <img src="<?=base_url()?>public/images/menu-open-arrow.png" width="16" height="16">

                    </div>

                    <div class="menu">

                        <ul>

                            <li class="icon_address"><a href="#">Plano de contas</a></li>
                                
                            <li class="icon_alarm"><a href="#">Históricos</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_computer"><a href="#">Movimento diario</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_server"><a href="#">Baixa de lançamentos</a></li>
                            
                        </ul>

                    </div>

                </li>
                
                <li class="menu-opener"><a href="#" title="Cadastros">Estoque</a>

                    <div class="menu-arrow">

                        <img src="<?=base_url()?>public/images/menu-open-arrow.png" width="16" height="16">

                    </div>

                    <div class="menu">

                        <ul>

                            <li class="icon_address"><a href="#">Operações de estoque</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_computer"><a href="#">Nota fiscal de compra</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_server"><a href="#">MOE</a></li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_server"><a href="#">Virada mensal</a></li>
                            
                        </ul>

                    </div>

                </li>
                
                <li class="menu-opener"><a href="#" title="Cadastros">Relatórios</a>

                    <div class="menu-arrow">

                        <img src="<?=base_url()?>public/images/menu-open-arrow.png" width="16" height="16">

                    </div>

                    <div class="menu">

                        <ul>

                            <li class="icon_address"><a href="#">Cadastros</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">Clientes</a>
                                        
                                        <ul>
                                            <li class="icon_computer"><a href="#">por ordem de código</a></li>
                                            <li class="icon_computer"><a href="#">por ordem de nome</a></li>
                                            <li class="icon_computer"><a href="#">por ordem de cidade</a></li>
                                            <li class="sep"></li>
                                            <li class="icon_computer"><a href="#">por ordem de data de aniversário</a></li>
                                        </ul>
                                        
                                    </li>
                                    <li class="icon_computer"><a href="#">Fornecedores</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Profissionais - Completo</a></li>
                                    <li class="icon_computer"><a href="#">Profissionais - Resumido</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Serviços</a></li>
                                    <li class="icon_computer"><a href="#">Condições de pagamento</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Operações de estoque</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Plano de contas</a></li>
                                    <li class="icon_computer"><a href="#">Histórico</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Tipos de produtos</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Produtos</a>
                                        
                                        <ul>
                                            <li class="icon_computer"><a href="#">por ordem de código</a></li>
                                            <li class="icon_computer"><a href="#">por ordem de nome</a></li>
                                            <li class="icon_computer"><a href="#">por ordem de cidade</a></li>
                                        </ul>
                                        
                                    </li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_address"><a href="#">Estoque</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">Histórico do produto</a></li>
                                    <li class="icon_computer"><a href="#">Extrato financeiro</a></li>
                                    <li class="sep"></li>
                                    
                                    <li class="icon_computer"><a href="#">Lista de preços</a></li>
                                    <li class="icon_computer"><a href="#">Estoque de produtos</a></li>
                                    <li class="icon_computer"><a href="#">Previsão de estoque</a></li>
                                    <li class="sep"></li>
                                    
                                    <li class="icon_computer"><a href="#">NF de entrada</a></li>
                                    <li class="icon_computer"><a href="#">NFE - Relação do período</a></li>
                                    <li class="sep"></li>
                                    
                                    <li class="icon_computer"><a href="#">Inventário</a></li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_address"><a href="#">Agenda</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">Diaria</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Por profissional</a></li>
                                    <li class="icon_computer"><a href="#">Por serviço</a></li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_address"><a href="#">Serviços</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">Histórico do cliente</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Serviços por profissional</a></li>
                                    <li class="icon_computer"><a href="#">Por serviço</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Estatísticas - por profissional</a></li>
                                    <li class="icon_computer"><a href="#">Estatísticas - por período</a></li>
                                    <li class="icon_computer"><a href="#">Estatísticas - por dias da semana</a></li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_address"><a href="#">Vendas</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">Ordem de serviço no período</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Produtos vendidos por orderm de serviço no período</a></li>
                                    <li class="icon_computer"><a href="#">Vendas por profissional no auxiliar</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Produtos mais vendidos no período</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Estatísticas de vendas no período</a></li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_address"><a href="#">Faturamento</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">por Serviço no período</a></li>
                                    <li class="icon_computer"><a href="#">por Condições de pagamento no período</a></li>
                                    <li class="icon_computer"><a href="#">por Profissional no período</a></li>
                                    <li class="icon_computer"><a href="#">por Produtos no período</a></li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_address"><a href="#">Comissões</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">à Pagar por profissional</a></li>
                                    <li class="icon_computer"><a href="#">à Pagar por período</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Pagos por profissional</a></li>
                                    <li class="icon_computer"><a href="#">Pagos por período</a></li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_address"><a href="#">Fluxo de Caixa</a>
                                
                                <ul>
                                    
                                    <li class="icon_computer"><a href="#">Lançamentos diários</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Contas previstas</a></li>
                                    <li class="icon_computer"><a href="#">Contas realizadas</a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Contas pendentes (Débitos / Créditos)</a></li>
                                    <li class="icon_computer"><a href="#">Extrato por conta no período </a></li>
                                    <li class="sep"></li>
                                    <li class="icon_computer"><a href="#">Fluxo de caixa no período </a></li>
                                    
                                </ul>
                                
                            </li>
                            
                            <li class="sep"></li>
                            
                            <li class="icon_server"><a href="#">Contrato de profissional</a></li>
                            
                        </ul>

                    </div>

                </li>
                
                <li class="menu-opener"><a href="#" title="Cadastros">Sistema</a>

                    <div class="menu-arrow">

                        <img src="<?=base_url()?>public/images/menu-open-arrow.png" width="16" height="16">

                    </div>

                    <div class="menu">

                        <ul>

                            <li class="icon_address"><a href="#">Parâmetros</a></li>
                            <li class="icon_address"><a href="#">Usuários</a></li>
                            
                        </ul>
                        
                    </div>
                    
                </li>

            </ul>
		
	</div></div>
	<!-- End sub nav -->
	
	<!-- Status bar -->
	<div id="status-bar"><div class="container_12">
	
		<ul id="status-infos">
			<li class="spaced">Logado como: <strong><?=$this->session->userdata('nome_usuario');?></strong></li>
			<li>
				<a href="#" class="button" title="5 messages"><img src="<?=base_url()?>public/images/icons/fugue/mail.png" width="16" height="16"> <strong>5</strong></a>
				<div id="messages-list" class="result-block">
					<span class="arrow"><span></span></span>
					
					<ul class="small-files-list icon-mail">
                                            
						<li>
							<a href="#"><strong>10:15</strong> Please update...<br>
							<small>From: System</small></a>
						</li>
						<li>
							<a href="#"><strong>Yest.</strong> Hi<br>
							<small>From: Jane</small></a>
						</li>
						<li>
							<a href="#"><strong>Yest.</strong> System update<br>
							<small>From: System</small></a>
						</li>
						<li>
							<a href="#"><strong>2 days</strong> Database backup<br>
							<small>From: System</small></a>
						</li>
						<li>
							<a href="#"><strong>2 days</strong> Re: bug report<br>
							<small>From: Max</small></a>
						</li>
					</ul>
					
					<p id="messages-info" class="result-info"><a href="#">Go to inbox &raquo;</a></p>
				</div>
			</li>
			<li>
				<a href="#" class="button" title="25 comments"><img src="<?=base_url()?>public/images/icons/fugue/balloon.png" width="16" height="16"> <strong>25</strong></a>
				<div id="comments-list" class="result-block">
					<span class="arrow"><span></span></span>
					
					<ul class="small-files-list icon-comment">
						<li>
							<a href="#"><strong>Jane</strong>: I don't think so<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Ken_54</strong>: What about using a different...<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Jane</strong> Sure, but no more.<br>
							<small>On <strong>Another post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Max</strong>: Have you seen that...<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Anonymous</strong>: Good luck!<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Sébastien</strong>: This sure rocks!<br>
							<small>On <strong>Another post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>John</strong>: Me too!<br>
							<small>On <strong>Third post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>John</strong> This can be solved by...<br>
							<small>On <strong>Another post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Jane</strong>: No prob.<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Anonymous</strong>: I had the following...<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Anonymous</strong>: Yes<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Lian</strong>: Please make sure that...<br>
							<small>On <strong>Last post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Ann</strong> Thanks!<br>
							<small>On <strong>Last post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Max</strong>: Don't tell me what...<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Gordon</strong>: Here is an article about...<br>
							<small>On <strong>My another post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Lee</strong>: Try to reset the value first<br>
							<small>On <strong>Last title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Lee</strong>: Sure!<br>
							<small>On <strong>Second post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Many</strong> Great job, keep on!<br>
							<small>On <strong>Third post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>John</strong>: I really like this<br>
							<small>On <strong>First title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Paul</strong>: Hello, I have an issue with...<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>June</strong>: Yuck.<br>
							<small>On <strong>Another title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Jane</strong>: Wow, sounds amazing, do...<br>
							<small>On <strong>Another title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Esther</strong>: Man, this is the best...<br>
							<small>On <strong>Another post</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>Max</strong>: Thanks!<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="#"><strong>John</strong>: I'd say it is not safe...<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
					</ul>
					
					<p id="comments-info" class="result-info"><a href="#">Manage comments &raquo;</a></p>
				</div>
			</li>
                        
			<li><a href="/login/logout/" class="button red" title="Logout"><span class="smaller">LOGOUT</span></a></li>
		</ul>
		
		<!-- v1.5: you can now add class red to the breadcrumb -->
		<ul id="breadcrumb">
                    
                    <?
                    foreach($array_breadcrumb as $key => $value) {
                        ?>
                        <li><?=anchor($key,$value)?></li>
                        <?
                    }
                    ?>			
		</ul>
	
	</div></div>
        
        <div id="header-shadow"></div>
        
        <article class="container_12">